<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width, maximum-scale=1.0, initial-scale=1.0, user-scalable=0" />
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no,email=no,adress=no">
	<meta name="keywords" content="" />
	<meta name="description" content="" />
	<link rel="stylesheet" href="../css/h_common.css">
	<link rel="stylesheet" href="../css/iconfont.css">
	<link rel="stylesheet" href="../css/swiper.min.css">
<title>商品详情</title>

</head>

<body>
<div class="h_lding_bj">
	<div class="h_ldl_box">
		<a href="#">
			<i class="iconfont icon-fanhui"></i>
		</a>
		<span>商品详情</span>
	</div>
</div>
<!--Swiper-->
<div class="swiper-container">
    <div class="swiper-wrapper">
      <div class="swiper-slide">
         <div class="h_yuan1"></div>
         <div class="h_yuan2"></div>
         <div class="h_yuan3"></div>
     	 <img src="../img/h_spbj_03.gif">
   
      </div>
      <div class="swiper-slide">
         <div class="h_yuan4"></div>
         <div class="h_yuan5"></div>
         <div class="h_yuan6"></div>
      	<img src="../img/h_spbj_03.gif">
      </div>
      <div class="swiper-slide">
        <div class="h_yuan7"></div>
         <div class="h_yuan8"></div>
         <div class="h_yuan9"></div>
      	<img src="../img/h_spbj_03.gif">
      </div>
    </div>
 </div>

<!--Swiper  JS-->
<script src="../js/swiper.min.js"></script>
<!-- Initialize Swiper -->
 
  <script>
    var mySwiper = new Swiper('.swiper-container', {
				loop: true, // 循环模式选项
				// 如果需要分页器
				pagination: {
					el: '.swiper-pagination',
				},
				autoplay: {
    				delay: 3000,
    				stopOnLastSlide: false,
    				disableOnInteraction: false,
    			}
			})
  </script>
<!-- 价格 -->
<div class="h_jiage">
	<div class="h_jiage1">
		<h1 style="color:#f50d23">¥ &nbsp;99.00</h1>
	</div>
	<div class="h_jiage2">
		<h2>世间安得双全法，不负如来不负卿；琉璃梳子扶青丝，画心牵肠痴不痴。</h2>
	</div>
	<div class="h_jiage3">
		<h3>购买数量</h3>
		<span>
			<a href="#" class="h_jian"><i>－</i></a>
			<h4>1</h4>
			<a href="#" class="h_jia"><i>＋</i></a>
		</span>
	</div>
</div>
<!--价格结束-->
<div class="h_jianxi"></div>
<!--商品开始-->
<div class="h_shangpin">商品详情</div>
<div class="h_tupian1">
<img src="../img/h_spbj_06.png">
</div>
<div class="h_tupian2">
	<img src="../img/h_tuxq 6.png" >
</div>
<!--商品结束-->
<div class="h_goumai">
	<div class="h_liji"><a href="#">立即购买</a></div>
</div>

</body>
</html>
